  </div>
  
  <div class="small-12 medium-3 medium-pull-9 columns">
    <h4>Section Name</h4>
    <ul class="side-nav">
      <li><a href="#">Child link 1</a></li>
      <li><a href="#">Child link 2</a></li>
      <li><a href="#">Child link 3</a></li>
    </ul>
    <h4>Heading of related content</h4>   
    <div class="panel">
      <p>Main body of related content</p>
    </div><!-- /.panel -->
    <h4>Recent news</h4>
      <div class="panel"><h5><a href="/08/news/news-item-1.html">News item 1</a></h5>
<em>Date</em>
<br /><br /><h5><a href="/08/news/news-item-2.html">News item 2</a></h5>
<em>Date</em>
<br /><br /><h5><a href="/08/news/news-item-3.html">News item 3</a></h5>
<em>Date</em>
<br /><br /></div><!-- /.panel -->
  </div><!-- /.medium-3 -->
</div> 
   
    <footer class="global-footer">
      <div class="row">
        <div class="small-12 large-4 columns">
          <p>&copy; TERMINALFOUR University</p>
        </div>
        <div class="small-12 large-8 columns">
          <ul>
          <li><a href="/link-1">Link 1</a></li>
          <li><a href="/link-2">Link 2</a></li>
          <li><a href="/link-3">Link 3</a></li>
          <li><a href="/link-4">Link 4</a></li>
          <li><a href="/link-5">Link 5</a></li>
          </ul>
        </div>
      </div>


    </footer>
    
    <a class="exit-off-canvas"></a>
  </div><!-- /.inner-wrap -->
</div><!-- /.off-canvas-wrap -->

    <script src="/style-assets/lib/modernizr/modernizr.js"></script>
    
    <script src="/style-assets/lib/jquery/jquery.min.js"></script>

    <script src="/style-assets/lib/foundation/js/foundation/foundation.js"></script>


  
  <script>
    if(!$('.side-nav').length){
   		$('.page-title-nav').hide();
    }
    $(document).foundation();
  </script>


</body>
</html>